(function($){
	
	
	//添加左边单击事件
	$("ul#noRelation").on("click","li",function(){
		if($(this).attr("class").indexOf("click-style")>=0){
			$(this).removeClass("click-style");
		}else{
			$(this).addClass("click-style");
		}
        /*alert($(this).text());*/
 	});
	
	
	
	//添加左边单击事件
	$("ul#relation").on("click","li",function(){
		if($(this).attr("class").indexOf("click-style")>=0){
			$(this).removeClass("click-style");
		}else{
			$(this).addClass("click-style");
		}
 	});
	
	
	//单个（未关联-->已关联）
	$("#add-one").click(function(){
		
		//获取选中的站点名称
		var num=0;
		var siteNames=[];
		$("#noRelation li").each(function(i,item){
			if($(item).attr("class").indexOf("click-style")>=0){
				num++;
				siteNames.push($(this).text());
			}
			console.log("num="+num);
			console.log("siteNames="+siteNames);
		}); 
		if(num==0){
			layer.msg("您还没有选中，请先选择!", {icon: 6});
			return false;
		}
		
		//提交数据
		$.ajax({
			url: baseUrl+"/monitordata/addSiteConfig",
			type: "POST",
			data:{
				"siteNames":siteNames,
				"reportIndex":reportIndex,
			},
			async:false,
			success: function(data){
				console.log(data);
				if(data.code==200){
					//页面效果实现
					$("#noRelation li").each(function(){
						if($(this).attr("class").indexOf("click-style")>=0){
							//移除未关联中的内容
							$("#noRelation li").eq($(this).index()).remove();
							//添加在已关联中
							$("#relation").append("<li class='m5' value="+$(this).attr('value')+">"+$(this).text()+"</li>");
						}
					}); 
				}else{
					layer.msg("数据提交失败", {icon: 5});
				}
			}	
		});
	});
	
	
	
	//单个（已关联-->未关联）
	$("#remove-one").click(function(){
		
		//获取选中的站点名称
		var num=0;
		var ids="";
		$("#relation li").each(function(i,item){
			if($(item).attr("class").indexOf("click-style")>=0){
				num++;
				console.log($(this).attr('value'));
				ids+=$(this).attr('value')+",";
			}
		}); 
		console.log(ids);
		if(num==0){
			layer.msg("您还没有选中，请先选择!", {icon: 6});
			return false;
		}
		
		
		//提交数据
		$.ajax({
			url: baseUrl+"/monitordata/delSiteConfig",
			type: "POST",
			data:{
				"ids":ids.substring(0,ids.length-1)
			},
			async:false,
			success: function(data){
				console.log(data);
				if(data.code==200){
					//页面效果实现
					$("#relation li").each(function(){
						if($(this).attr("class").indexOf("click-style")>=0){
							//移除已关联中的内容
							$("#relation li").eq($(this).index()).remove();
							//添加在未关联中
							$("#noRelation").append("<li class='m5' value="+$(this).attr('value')+">"+$(this).text()+"</li>");
						}
					});
				}else{
					layer.msg("数据提交失败", {icon: 5});
				}
			}	
		});
	});
	
	
	//全部（未关联-->已关联）
	$("#add-all").click(function(){
		layer.confirm('确认全部提交吗？', function(index){
			
			var siteNames=[];
			$("#noRelation li").each(function(){
				siteNames.push($(this).text());
			});
			
			//提交数据
			$.ajax({
				url: baseUrl+"/monitordata/addSiteConfig",
				type: "POST",
				data:{
					"siteNames":siteNames,
					"reportIndex":reportIndex,
				},
				async:false,
				success: function(data){
					console.log(data);
					if(data.code==200){
						//页面效果实现
						$("#noRelation li").each(function(){
							//移除未关联中的内容
							$("#noRelation li").eq($(this).index()).remove();
							//添加在已关联中
							$("#relation").append("<li class='m5' value="+$(this).attr('value')+" >"+$(this).text()+"</li>");
						}); 
					}else{
						layer.msg("数据提交失败", {icon: 5});
					}
				}	
			});
		});
	});
	
	
	
	//全部（已关联-->未关联）
	$("#remove-all").click(function(){
		layer.confirm('确认全部提交吗？', function(index){
			var ids="";
			$("#relation li").each(function(i,item){
				ids+=$(this).attr('value')+",";
			}); 
			//提交数据
			$.ajax({
				url: baseUrl+"/monitordata/delSiteConfig",
				type: "POST",
				data:{
					"ids":ids.substring(0,ids.length-1)
				},
				async:false,
				success: function(data){
					console.log(data);
					if(data.code==200){
						//页面效果实现
						$("#relation li").each(function(){
							//移除已关联中的内容
							$("#relation li").eq($(this).index()).remove();
							//添加在未关联中
							$("#noRelation").append("<li class='m5' value="+$(this).attr('value')+">"+$(this).text()+"</li>");
						});
						layer.msg('提交成功', {icon: 6});
					}else{
						layer.msg("数据提交失败", {icon: 5});
					}
				}	
			});
		});
	
	});
	
	
	
})($)